import React,{useContext,useReducer} from "react";
import './style.css';

import BarChartOptionBar from '../barChartOptionBar';
import EchartsBar from "../echartsBar"; 
import BarContext from "../../contexts";


export default function Bar() {

    // todo 放到store中

    return (
      <BarContext>
        <section className="bar-container">

            <header className="bar-options">

              <BarChartOptionBar/>
            </header>
            <section className="bar-body">

              <EchartsBar />
            </section>

        </section>
      </BarContext>
    )
}